/**
 * Fragment of jQuery UI CSS Framework 1.8.7 adapted from
 * Tait Brown's Aristo, https://github.com/taitems/Aristo-jQuery-UI-Theme
 */

/**
 * Theme color settings for rein.js, processed by reincss_process_css in lib.php
 *
 * @package   theme-reincss
 * @copyright 2014 Remote Learner  http://www.remote-learner.net/
 * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 * @author    Amy Groshek <amy.groshek@remote-learner.net>
 */

/* ======= DEFAULT ======= */
.apply-rein-css .ui-widget-content,
.apply-rein-css .ui-widget-header,
.apply-rein-css .ui-state-default:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-content .ui-state-default:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-header .ui-state-default:not(.ui-button-icon-only) {
    border: 1px solid [[setting:reindefaultmedium]];
    /* HOSSUP-3475 - This setting was used in the reincss theme, but based on my testing,
    it can look kind of weird. Leaving it out for now. */
    /* color: [[setting:reindefaultdark]]; */
}

.apply-rein-css .ui-widget-header,
.apply-rein-css .ui-state-default:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-content .ui-state-default:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-header .ui-state-default:not(.ui-button-icon-only) { /* Gray */
    background: -moz-linear-gradient(top, [[setting:reindefaultlight]] 0%, [[setting:reindefaultmedium]] 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,[[setting:reindefaultlight]]), color-stop(100%,[[setting:reindefaultmedium]])); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, [[setting:reindefaultlight]] 0%,[[setting:reindefaultmedium]] 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, [[setting:reindefaultlight]] 0%,[[setting:reindefaultmedium]] 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, [[setting:reindefaultlight]] 0%,[[setting:reindefaultmedium]] 100%); /* IE10+ */
    background: linear-gradient(top, [[setting:reindefaultlight]] 0%,[[setting:reindefaultmedium]] 100%); /* W3C */
}

.apply-rein-css .ui-widget-content a,
.apply-rein-css .ui-widget-header a,
.apply-rein-css .ui-state-default a,
.apply-rein-css .ui-state-default a:link,
.apply-rein-css .ui-state-default a:visited {
    color: [[setting:reindefaultdark]];
}

/* ====== HOVER ====== */
.apply-rein-css .ui-state-hover,
.apply-rein-css .ui-widget-content .ui-state-hover,
.apply-rein-css .ui-widget-header .ui-state-hover,
.apply-rein-css .ui-state-focus:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-content .ui-state-focus:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-header .ui-state-focus:not(.ui-button-icon-only) {
    border: 1px solid [[setting:reindefaultmedium]];
    color: [[setting:reindefaultdark]];
}

.apply-rein-css .ui-state-hover a,
.apply-rein-css .ui-state-hover a:hover {
    color: [[setting:reindefaultdark]];
}

/* ====== ACTIVE ======= */
.apply-rein-css .ui-state-active,
.apply-rein-css .ui-widget-content .ui-state-active:not(.ui-button-icon-only),
.apply-rein-css .ui-widget-header .ui-state-active:not(.ui-button-icon-only),
.apply-rein-css .ui-buttonset .ui-button.ui-state-active,
.apply-rein-css .ui-button.ui-state-focus:not(.ui-button-icon-only) {
    color: [[setting:reinactivedark]];
    border: 1px solid [[setting:reinactivemedium]];
    background: -moz-linear-gradient(top, [[setting:reinactivelight]] 0%, [[setting:reinactivemedium]] 100%); /* FF3.6+ */ /* lighter blue, slightly darker blue */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,[[setting:reinactivelight]]), color-stop(100%,[[setting:reinactivemedium]])); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, [[setting:reinactivelight]] 0%,[[setting:reinactivemedium]] 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, [[setting:reinactivelight]] 0%,[[setting:reinactivemedium]] 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, [[setting:reinactivelight]] 0%,[[setting:reinactivemedium]] 100%); /* IE10+ */
    background: linear-gradient(top, [[setting:reinactivelight]] 0%,[[setting:reinactivemedium]] 100%); /* W3C */
}

.apply-rein-css .ui-state-active a,
.apply-rein-css .ui-state-active a:link,
.apply-rein-css .ui-state-active a:visited {
    color: [[setting:reindefaultdark]];
}


/* Interaction Cues
----------------------------------*/
.apply-rein-css .ui-state-highlight,
.apply-rein-css .ui-widget-content .ui-state-highlight,
.apply-rein-css .ui-widget-header .ui-state-highlight {
    border: 1px solid [[setting:reinactivemedium]];
    background: [[setting:reinactivemedium]];
    color: [[setting:reinactivedark]];
}

.apply-rein-css .ui-state-highlight a,
.apply-rein-css .ui-widget-content .ui-state-highlight a,
.apply-rein-css .ui-widget-header .ui-state-highlight a {
    color: [[setting:reindefaultdark]];
}

/* Buttons in dialog header */
.ui-dialog-titlebar button {
    background: inherit;
}

/* Misc visuals
----------------------------------*/

/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.apply-rein-css .ui-menu .ui-menu-item a.ui-state-focus,
.apply-rein-css .ui-menu .ui-menu-item a.ui-state-hover,
.apply-rein-css .ui-menu .ui-menu-item a.ui-state-active {
    background: [[setting:reinactivemedium]];
    text-shadow: 0px 1px 1px [[setting:reinactivedark]];
    border-color: [[setting:reinactivemedium]];
}

/* Extra Input Field Styling */
.apply-rein-css .ui-form textarea:focus,
.apply-rein-css .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):focus {
    border: 1px solid [[setting:reinactivelight]];
}
